<template>
  <view class="content">
    <image class="logo" src="/static/logo.png"></image>
    <view>
      <text class="title">{{ title }}</text>
      <view></view>
      <u-button ripple shape="circle" type="primary" @click="goPage">跳转哈哈哈</u-button>
      <u-tag text="123" />
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        title: 'Hello'
      }
    },
    onLoad() {},
    mounted() {},
    methods: {
      log(n, o) {
        console.log(o)
        console.log(n)
      },
      goPage() {
        uni.navigateTo({
          url: '/pages/test/index'
        })
      }
    }
  }
</script>

<style lang="scss">
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .logo {
    width: 200rpx;
    height: 200rpx;
    margin: 200rpx auto 50rpx auto;
  }

  .text-area {
    display: flex;
    justify-content: center;
  }

  .title {
    font-size: 36rpx;
    // color:$uni-color-error ;
    color: $uni-color-error;
  }
</style>
